.split-layout{
  display: flex;
  flex:auto;

  &.h{
    flex-direction: row;
  }
  &.v{
    flex-direction: column;
    .a{
      height: 200px;
      width: auto;
      overflow: hidden;
    
    }
    .bar{
      height: 3px;
      width: auto;
      -webkit-user-select: none;
      >div{
        cursor: n-resize;
        width: auto;
        height:30px;
      }
    }
  }
  .a{
    width: 200px;
    min-width: 100px;
    min-height: 100px;
    display: flex;
    overflow: hidden;
  }
  .b{
    flex:1;
    display: flex;
    overflow: hidden;
  }
  .bar{
    width: 3px;
    position: relative;
    -webkit-user-select: none;
    overflow: hidden;
    >div{
      width: 20px;
      cursor:ew-resize;
      //position: absolute;
      height: 100%;

    }

  }
}
